import React, { useState } from 'react'
import List from './components/List'

//创建一个可以提供数据的 上下文对象
export const App1=React.createContext();//可以接受一个初始值
export const App2=React.createContext();//可以接受一个初始值

export default function App() {
  const [count,SetCount]=useState(0)
  return (
    <div>
      <h1>count的值是{count}</h1>
      <button onClick={()=>{SetCount(count+1)}}>累加</button>
       {/* 共享对象AppContext上有一个Provide属性是一个组件,他可以给组件内部包含的组件提供数据,提供的数据放在value属性上 */}
       <App1.Provider value={[1,2,3,4]}>
        <App2.Provider value={count}>
          <List/>
        </App2.Provider>
       </App1.Provider>
    </div>
  )
}
